<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
       
        <title>Personal</title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
         <ui:define name="content">
              
                <h:form rendered="#{usuarioBean.tipoUsuario == 'division'}">
               
                <br></br>
                </h:form>
                <f:view>
                    <h:form>
                        <h6><p:commandButton value="ATRÁS" ajax="false" action="PersonalLista" icon="ui-icon-arrowthick-1-w"/></h6>
                    </h:form>

                    <h:form>
                        <p:growl sticky="true" showDetail="true"/>
                        <p:wizard>            
                            <p:tab id="datosPer" title="Nuevo Personal">
                                <p:panel header="DATOS DE PERSONAL">
                                    <p:messages />
                                    <h:panelGrid columns="2">
                                        <p:outputLabel value="NOMBRE:" for="nombre" />
                                        <p:inputText id="nombre" value="#{personalBean.personal.nombre}" title="Nombre" required="true" style="text-transform:uppercase" >
                                        </p:inputText>
                                        <p:outputLabel value="PUESTO:" for="puesto" />
                                        <p:selectOneMenu id="puesto" value="#{personalBean.personal.puesto}"  required="true" >  
                                            <f:selectItem itemLabel="ACADEMIA" itemValue="Academia" />
                                            <f:selectItem itemLabel="DOCENTE" itemValue="Docente" />
                                            <f:selectItem itemLabel="SERVICIOS ESCOLARES" itemValue="Escolares" />
                                            <f:selectItem itemLabel="PRESIDENTE DE ACADEMIA" itemValue="PresidenteAcademia" />
                                            <f:selectItem itemLabel="PERSONAL" itemValue="Personal" />
                                            <f:selectItem itemLabel="JEFE DE DIVISIÓN" itemValue="division" />
                                            <f:selectItem itemLabel="SUBDIRECTOR ACADÉMICO" itemValue="SubdirectorAcadémico" />
                                            <f:selectItem itemLabel="DIRECTOR" itemValue="Director" />
                                            <f:selectItem itemLabel="TRABAJADOR" itemValue="Trabajador" />
                                            <f:selectItem itemLabel="VINCULACIÓN Y DIFUSIÓN" itemValue="Vinculacion" />
                                            <f:selectItem itemLabel="COORDINADOR DE CARRERA" itemValue="Coordinador" />
                                        </p:selectOneMenu>
                                        
                                        <p:outputLabel value="CARRERA:" for="carrera"/>
                                        <p:selectOneMenu id="carrera" value="#{personalBean.personal.carrera}">
                                            <f:selectItem itemLabel="INGENIERÍA EN SISTEMAS COMPUTACIONALES" itemValue="INGENIERÍA EN SISTEMAS COMPUTACIONALES" />
                                            <f:selectItem itemLabel="INGENIERÍA EN GESTIÓN EMPRESARIAL" itemValue="INGENIERÍA EN GESTIÓN EMPRESARIAL" />
                                            <f:selectItem itemLabel="INGENIERÍA EN MECATRÓNICA" itemValue="INGENIERÍA EN MECATRÓNICA" />
                                            <f:selectItem itemLabel="INGENIERÍA EN ELECTRÓNICA" itemValue="INGENIERÍA EN ELECTRÓNICA" />
                                            <f:selectItem itemLabel="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES" itemValue="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES" />
                                            <f:selectItem itemLabel="INGENIERÍA INDUSTRIAL" itemValue="INGENIERÍA INDUSTRIAL" />
                                            <f:selectItem itemLabel="OTRO" itemValue=" " />
                                            
                                        </p:selectOneMenu>
                                                           
                                    </h:panelGrid>          
                                </p:panel>
                            </p:tab> 
                            <p:tab id="confirmarper" title="confirmar Personal">
                                <p:panel header="CONFIRMAR DATOS">
                                    <p:messages />
                                    <h:panelGrid columns="2">
                                        
                                        <h:outputText value="NOMBRE:"/>
                                        <h:outputText value="#{personalBean.personal.nombre}" title="Nombre" style="text-transform:uppercase"/>
                                        <h:outputText value="PUESTO:"/>
                                        <h:outputText value="#{personalBean.personal.puesto}" title="Puesto" style="text-transform:uppercase"/>
                                        <h:outputText value="CARRERA:"/>
                                        <h:outputText value="#{personalBean.personal.carrera}" title="Carrera" style="text-transform:uppercase"/>

                                        <p:commandButton value="GUARDAR" action="#{personalBean.procesarAccion}" ajax="false" icon="ui-icon-disk"/>
                                    </h:panelGrid>
                                    
                                </p:panel>
                                
                            </p:tab>
                        </p:wizard>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

